<html>
<head>
	<title>Metro Login</title>
	<!-- For mobile devises  -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 ">

	<!-- jQuery 1.8.3 -->
	<script src="../../chucnang/qlmdhbdbdu_login/js/jquery-1.8.3.min.js"></script>

	<!-- site style -->
	<link href="../../chucnang/qlmdhbdbdu_login/css/style.css" rel="stylesheet" type="text/css" media="screen" />

</head>
<body>

<!-- Image that triggers the color configuration bar -->
<img src="../../chucnang/qlmdhbdbdu_login/img/gear.png" id="OptionColor">

<!-- Image that triggers the background configuration bar -->
<img src="../../chucnang/qlmdhbdbdu_login/img/picture.png" id="OptionBack">



	<!-- Login Box -->
	<div class="LoginBox">

		<!-- live avatar -->
		<img src="../../chucnang/qlmdhbdbdu_login/img/avatar.png">

		<!-- Login Message -->
		<h2 class="loginMessage"></h2>

		<!-- Form Fields -->
		 <div class="fields">
			<form id="frmLogin">

				<input type="text" id="txtUser" name="txtUser" placeholder="Username"/>
				<p></p>
				<input type="password" id="txtPassword" name="txtPassword" placeholder="Password"/>


				<!-- buttons eye and  -->
				<button id="botLogIn"></button>
				<img src="../../chucnang/qlmdhbdbdu_login/img/eye.png" class="seePass">

			</form>
		</div>
		

	</div>




	<!-- javascript for login -->
	<script src="../../chucnang/qlmdhbdbdu_login/js/MetroLogin.js"></script>

</body>
</html>